<!--用户端框架-->
<template>
    <div style="min-height: 100vh; margin: 0 auto; display: flex">
        <!-- 头部区域开始 -->
        <UserNav/>
        <!-- 头部区域结束 -->
        <!--  下方区域开始 -->
        <div class="contentArea ">
        <!--  数据渲染区域开始 -->
            <RouterView/><!--组件渲染-->
        <!--  数据渲染区域结束 -->
        </div>
    <!-- 下方区域结束 -->
    </div>
</template>

<!--组件逻辑-->
<script setup>
import UserNav from "@/components/UserNav.vue";
</script>

<!--样式-->
<style scoped>
/*整体内容区域样式*/
.contentArea {
    display: flex;
    background-color: transparent;
    width: 1260px;
    margin: 0 auto;
    position: relative;
    top: 80px;
}
</style>